<div class="container">
  <div class="row">
    <div class="">
      <div class="panel panel-default margin-top-10">
        <div class="panel-body slider">
          <!-- enumerate all photos -->
          <img ng-repeat="photo in photos" class="scale-fade" ng-swipe-right="showPrev()" ng-swipe-left="showNext()" ng-show="isActive($index)" ng-src="{{photo.src}}" />

          <!-- prev / next controls -->
          <a class="arrow prev" href="#" ng-click="showPrev()"><i class="fa fa-chevron-left"></i></a>
          <a class="arrow next" href="#" ng-click="showNext()"><i class="fa fa-chevron-right"></i></a>

          <!-- extra navigation controls -->
          <ul class="carousel-nav">
            <li ng-repeat="photo in photos" ng-class="{'active':isActive($index)}">
              <img ng-src="{{photo.src}}" alt="{{photo.desc}}" title="{{photo.desc}}" ng-click="showPhoto($index);" />
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="login-form">
    <div class="col-xs-4 gain">
      <div class="gain-form">
          <form class="login-form-content" rc-submit="login()" name="loginForm">

            <div class="form-group" ng-class="{'has-error': rc.loginForm.needsAttention(loginForm.userName)}">
              <label for="userName">用户名</label>
              <div class="input-icon">
                <i class="fa fa-user"></i>
                <input type="text" class="form-control" id="userName" name="userName" required ng-model="user.userName" placeholder="用户名">
              </div>
            </div>

            <div class="form-group" ng-class="{'has-error': rc.loginForm.needsAttention(loginForm.password)}">
              <label for="password">密码</label>
              <div class="input-icon">
                <i class="fa fa-lock"></i>
                <input type="password" class="form-control" id="password" name="password" required ng-model="user.password" placeholder="密码">
              </div>
            </div>
            <button class="btn btn-danger" ng-disabled="loginForm.$invalid" type="submit">登 录</button>

          </form>

          <div class="create-account">
            <p>
              还没有账户？&nbsp;
              <a ui-sref="anon.register" id="register-btn" class="btn btn-info btn-xs">免费注册</a>
            </p>
          </div>

      </div>
      <div class="opacity"></div>
    </div>
  </div>
</div>
<div class="clearfix"></div>
<div class="container">
<div class="row">
<div class="panel panel-default">
<div class="panel-heading">金瑞亿制造</div>
<div class="panel-body">
<div class="col-xs-3">
  <div class="thumbnail">
    <a href=""><img data-src="holder.js/223x168" src="http://lorempixel.com/223/168/sports/3/"></a>
    <div class="caption">
      <h5><a href="">HIT FM LIVE•糖果 美国梦幻民谣Maria Taylor2014年中国巡演</a></h5>
      <p>全球首款太阳能智能腕表——Tinsee天时</p>
      <div class="item-caption">
        <span class="caption-title">目标：<em>30天</em> <em><i class="font-yen">¥</i>100000</em></span>
        <span class="pull-right label label-primary">众抽中</span>
      </div>
      <div class="progress progress-striped active">
        <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%">
          <span class="sr-only">45% Complete</span>
        </div>
      </div>
      <div class="item-rate clearfix">
							<span class="rate1">
					 				<em>19%</em><br>已达
								</span>
								<span class="rate2">
					 				<em>￥5,760</em><br>已筹资
								</span>
											<span class="rate3">
					 				<em>12天</em><br>剩余时间			</span>
      </div>

    </div>
  </div>
</div>
<div class="col-xs-3">
  <div class="thumbnail">
    <a href=""><img data-src="holder.js/223x168" src="http://lorempixel.com/223/168/sports/3/"></a>
    <div class="caption">
      <h5><a href="">HIT FM LIVE•糖果 美国梦幻民谣Maria Taylor2014年中国巡演</a></h5>
      <p>全球首款太阳能智能腕表——Tinsee天时</p>
      <div class="item-caption">
        <span class="caption-title">目标：<em>30天</em> <em><i class="font-yen">¥</i>100000</em></span>
        <span class="pull-right label label-primary">众抽中</span>
      </div>
      <div class="progress progress-striped active">
        <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%">
          <span class="sr-only">45% Complete</span>
        </div>
      </div>
      <div class="item-rate clearfix">
							<span class="rate1">
					 				<em>19%</em><br>已达
								</span>
								<span class="rate2">
					 				<em>￥5,760</em><br>已筹资
								</span>
											<span class="rate3">
					 				<em>12天</em><br>剩余时间			</span>
      </div>

    </div>
  </div>
</div>
<div class="col-xs-3">
  <div class="thumbnail">
    <a href=""><img data-src="holder.js/223x168" src="http://lorempixel.com/223/168/sports/3/"></a>
    <div class="caption">
      <h5><a href="">HIT FM LIVE•糖果 美国梦幻民谣Maria Taylor2014年中国巡演</a></h5>
      <p>全球首款太阳能智能腕表——Tinsee天时</p>
      <div class="item-caption">
        <span class="caption-title">目标：<em>30天</em> <em><i class="font-yen">¥</i>100000</em></span>
        <span class="pull-right label label-primary">众抽中</span>
      </div>
      <div class="progress progress-striped active">
        <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%">
          <span class="sr-only">45% Complete</span>
        </div>
      </div>
      <div class="item-rate clearfix">
							<span class="rate1">
					 				<em>19%</em><br>已达
								</span>
								<span class="rate2">
					 				<em>￥5,760</em><br>已筹资
								</span>
											<span class="rate3">
					 				<em>12天</em><br>剩余时间			</span>
      </div>

    </div>
  </div>
</div>
<div class="col-xs-3">
  <div class="thumbnail">
    <a href=""><img data-src="holder.js/223x168" src="http://lorempixel.com/223/168/sports/3/"></a>
    <div class="caption">
      <h5><a href="">HIT FM LIVE•糖果 美国梦幻民谣Maria Taylor2014年中国巡演</a></h5>
      <p>全球首款太阳能智能腕表——Tinsee天时</p>
      <div class="item-caption">
        <span class="caption-title">目标：<em>30天</em> <em><i class="font-yen">¥</i>100000</em></span>
        <span class="pull-right label label-primary">众抽中</span>
      </div>
      <div class="progress progress-striped active">
        <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%">
          <span class="sr-only">45% Complete</span>
        </div>
      </div>
      <div class="item-rate clearfix">
							<span class="rate1">
					 				<em>19%</em><br>已达
								</span>
								<span class="rate2">
					 				<em>￥5,760</em><br>已筹资
								</span>
											<span class="rate3">
					 				<em>12天</em><br>剩余时间			</span>
      </div>

    </div>
  </div>
</div>
<div class="col-xs-3">
  <div class="thumbnail">
    <a href=""><img data-src="holder.js/223x168" src="http://lorempixel.com/223/168/sports/3/"></a>
    <div class="caption">
      <h5><a href="">HIT FM LIVE•糖果 美国梦幻民谣Maria Taylor2014年中国巡演</a></h5>
      <p>全球首款太阳能智能腕表——Tinsee天时</p>
      <div class="item-caption">
        <span class="caption-title">目标：<em>30天</em> <em><i class="font-yen">¥</i>100000</em></span>
        <span class="pull-right label label-primary">众抽中</span>
      </div>
      <div class="progress progress-striped active">
        <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%">
          <span class="sr-only">45% Complete</span>
        </div>
      </div>
      <div class="item-rate clearfix">
							<span class="rate1">
					 				<em>19%</em><br>已达
								</span>
								<span class="rate2">
					 				<em>￥5,760</em><br>已筹资
								</span>
											<span class="rate3">
					 				<em>12天</em><br>剩余时间			</span>
      </div>

    </div>
  </div>
</div>
<div class="col-xs-3">
  <div class="thumbnail">
    <a href=""><img data-src="holder.js/223x168" src="http://lorempixel.com/223/168/sports/3/"></a>
    <div class="caption">
      <h5><a href="">HIT FM LIVE•糖果 美国梦幻民谣Maria Taylor2014年中国巡演</a></h5>
      <p>全球首款太阳能智能腕表——Tinsee天时</p>
      <div class="item-caption">
        <span class="caption-title">目标：<em>30天</em> <em><i class="font-yen">¥</i>100000</em></span>
        <span class="pull-right label label-primary">众抽中</span>
      </div>
      <div class="progress progress-striped active">
        <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%">
          <span class="sr-only">45% Complete</span>
        </div>
      </div>
      <div class="item-rate clearfix">
							<span class="rate1">
					 				<em>19%</em><br>已达
								</span>
								<span class="rate2">
					 				<em>￥5,760</em><br>已筹资
								</span>
											<span class="rate3">
					 				<em>12天</em><br>剩余时间			</span>
      </div>

    </div>
  </div>
</div>
<div class="col-xs-3">
  <div class="thumbnail">
    <a href=""><img data-src="holder.js/223x168" src="http://lorempixel.com/223/168/sports/3/"></a>
    <div class="caption">
      <h5><a href="">HIT FM LIVE•糖果 美国梦幻民谣Maria Taylor2014年中国巡演</a></h5>
      <p>全球首款太阳能智能腕表——Tinsee天时</p>
      <div class="item-caption">
        <span class="caption-title">目标：<em>30天</em> <em><i class="font-yen">¥</i>100000</em></span>
        <span class="pull-right label label-primary">众抽中</span>
      </div>
      <div class="progress progress-striped active">
        <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%">
          <span class="sr-only">45% Complete</span>
        </div>
      </div>
      <div class="item-rate clearfix">
							<span class="rate1">
					 				<em>19%</em><br>已达
								</span>
								<span class="rate2">
					 				<em>￥5,760</em><br>已筹资
								</span>
											<span class="rate3">
					 				<em>12天</em><br>剩余时间			</span>
      </div>

    </div>
  </div>
</div>
</div>
</div>

</div>

<div class="row">
<div class="panel panel-default">
<div class="panel-heading">热门项目</div>
<div class="panel-body">
<div class="col-xs-3">
  <div class="thumbnail">
    <a href=""><img data-src="holder.js/223x168" src="http://lorempixel.com/223/168/sports/3/"></a>
    <div class="caption">
      <h5><a href="">HIT FM LIVE•糖果 美国梦幻民谣Maria Taylor2014年中国巡演</a></h5>
      <p>全球首款太阳能智能腕表——Tinsee天时</p>
      <div class="item-caption">
        <span class="caption-title">目标：<em>30天</em> <em><i class="font-yen">¥</i>100000</em></span>
        <span class="pull-right label label-primary">众抽中</span>
      </div>
      <div class="progress progress-striped active">
        <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%">
          <span class="sr-only">45% Complete</span>
        </div>
      </div>
      <div class="item-rate clearfix">
							<span class="rate1">
					 				<em>19%</em><br>已达
								</span>
								<span class="rate2">
					 				<em>￥5,760</em><br>已筹资
								</span>
											<span class="rate3">
					 				<em>12天</em><br>剩余时间			</span>
      </div>

    </div>
  </div>
</div>
<div class="col-xs-3">
  <div class="thumbnail">
    <a href=""><img data-src="holder.js/223x168" src="http://lorempixel.com/223/168/sports/3/"></a>
    <div class="caption">
      <h5><a href="">HIT FM LIVE•糖果 美国梦幻民谣Maria Taylor2014年中国巡演</a></h5>
      <p>全球首款太阳能智能腕表——Tinsee天时</p>
      <div class="item-caption">
        <span class="caption-title">目标：<em>30天</em> <em><i class="font-yen">¥</i>100000</em></span>
        <span class="pull-right label label-primary">众抽中</span>
      </div>
      <div class="progress progress-striped active">
        <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%">
          <span class="sr-only">45% Complete</span>
        </div>
      </div>
      <div class="item-rate clearfix">
							<span class="rate1">
					 				<em>19%</em><br>已达
								</span>
								<span class="rate2">
					 				<em>￥5,760</em><br>已筹资
								</span>
											<span class="rate3">
					 				<em>12天</em><br>剩余时间			</span>
      </div>

    </div>
  </div>
</div>
<div class="col-xs-3">
  <div class="thumbnail">
    <a href=""><img data-src="holder.js/223x168" src="http://lorempixel.com/223/168/sports/3/"></a>
    <div class="caption">
      <h5><a href="">HIT FM LIVE•糖果 美国梦幻民谣Maria Taylor2014年中国巡演</a></h5>
      <p>全球首款太阳能智能腕表——Tinsee天时</p>
      <div class="item-caption">
        <span class="caption-title">目标：<em>30天</em> <em><i class="font-yen">¥</i>100000</em></span>
        <span class="pull-right label label-primary">众抽中</span>
      </div>
      <div class="progress progress-striped active">
        <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%">
          <span class="sr-only">45% Complete</span>
        </div>
      </div>
      <div class="item-rate clearfix">
							<span class="rate1">
					 				<em>19%</em><br>已达
								</span>
								<span class="rate2">
					 				<em>￥5,760</em><br>已筹资
								</span>
											<span class="rate3">
					 				<em>12天</em><br>剩余时间			</span>
      </div>

    </div>
  </div>
</div>
<div class="col-xs-3">
  <div class="thumbnail">
    <a href=""><img data-src="holder.js/223x168" src="http://lorempixel.com/223/168/sports/3/"></a>
    <div class="caption">
      <h5><a href="">HIT FM LIVE•糖果 美国梦幻民谣Maria Taylor2014年中国巡演</a></h5>
      <p>全球首款太阳能智能腕表——Tinsee天时</p>
      <div class="item-caption">
        <span class="caption-title">目标：<em>30天</em> <em><i class="font-yen">¥</i>100000</em></span>
        <span class="pull-right label label-primary">众抽中</span>
      </div>
      <div class="progress progress-striped active">
        <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%">
          <span class="sr-only">45% Complete</span>
        </div>
      </div>
      <div class="item-rate clearfix">
							<span class="rate1">
					 				<em>19%</em><br>已达
								</span>
								<span class="rate2">
					 				<em>￥5,760</em><br>已筹资
								</span>
											<span class="rate3">
					 				<em>12天</em><br>剩余时间			</span>
      </div>

    </div>
  </div>
</div>
<div class="col-xs-3">
  <div class="thumbnail">
    <a href=""><img data-src="holder.js/223x168" src="http://lorempixel.com/223/168/sports/3/"></a>
    <div class="caption">
      <h5><a href="">HIT FM LIVE•糖果 美国梦幻民谣Maria Taylor2014年中国巡演</a></h5>
      <p>全球首款太阳能智能腕表——Tinsee天时</p>
      <div class="item-caption">
        <span class="caption-title">目标：<em>30天</em> <em><i class="font-yen">¥</i>100000</em></span>
        <span class="pull-right label label-primary">众抽中</span>
      </div>
      <div class="progress progress-striped active">
        <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%">
          <span class="sr-only">45% Complete</span>
        </div>
      </div>
      <div class="item-rate clearfix">
							<span class="rate1">
					 				<em>19%</em><br>已达
								</span>
								<span class="rate2">
					 				<em>￥5,760</em><br>已筹资
								</span>
											<span class="rate3">
					 				<em>12天</em><br>剩余时间			</span>
      </div>

    </div>
  </div>
</div>
<div class="col-xs-3">
  <div class="thumbnail">
    <a href=""><img data-src="holder.js/223x168" src="http://lorempixel.com/223/168/sports/3/"></a>
    <div class="caption">
      <h5><a href="">HIT FM LIVE•糖果 美国梦幻民谣Maria Taylor2014年中国巡演</a></h5>
      <p>全球首款太阳能智能腕表——Tinsee天时</p>
      <div class="item-caption">
        <span class="caption-title">目标：<em>30天</em> <em><i class="font-yen">¥</i>100000</em></span>
        <span class="pull-right label label-primary">众抽中</span>
      </div>
      <div class="progress progress-striped active">
        <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%">
          <span class="sr-only">45% Complete</span>
        </div>
      </div>
      <div class="item-rate clearfix">
							<span class="rate1">
					 				<em>19%</em><br>已达
								</span>
								<span class="rate2">
					 				<em>￥5,760</em><br>已筹资
								</span>
											<span class="rate3">
					 				<em>12天</em><br>剩余时间			</span>
      </div>

    </div>
  </div>
</div>
<div class="col-xs-3">
  <div class="thumbnail">
    <a href=""><img data-src="holder.js/223x168" src="http://lorempixel.com/223/168/sports/3/"></a>
    <div class="caption">
      <h5><a href="">HIT FM LIVE•糖果 美国梦幻民谣Maria Taylor2014年中国巡演</a></h5>
      <p>全球首款太阳能智能腕表——Tinsee天时</p>
      <div class="item-caption">
        <span class="caption-title">目标：<em>30天</em> <em><i class="font-yen">¥</i>100000</em></span>
        <span class="pull-right label label-primary">众抽中</span>
      </div>
      <div class="progress progress-striped active">
        <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%">
          <span class="sr-only">45% Complete</span>
        </div>
      </div>
      <div class="item-rate clearfix">
							<span class="rate1">
					 				<em>19%</em><br>已达
								</span>
								<span class="rate2">
					 				<em>￥5,760</em><br>已筹资
								</span>
											<span class="rate3">
					 				<em>12天</em><br>剩余时间			</span>
      </div>

    </div>
  </div>
</div>
</div>
</div>

</div>
</div>
<div class="clearfix"></div>
<div class="container">
  <div class="row">
    <div class="panel panel-default">
      <div class="panel-body">
        <div class="col-xs-12">
          <button type="button" class="btn btn-warning btn-lg btn-block">查看更多项目</button>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="clearfix"></div>
<div class="container support">
  <div class="row">
    <div class="panel panel-default">
      <div class="panel-body">
        <h3>我们已经做到...</h3>
        <div class="col-xs-3">
          <p class="fa fa-user text-warning fa-size-lg"> </p>
          <h2 class="text-danger">1,087,829</h2>
          <h4>已完成注册</h4>
        </div>
        <div class="col-xs-3">
          <p class="fa fa-cloud-upload text-warning fa-size-lg"> </p>
          <h2 class="text-danger">1,089,626</h2>
          <h4>成功投资</h4>
        </div>
        <div class="col-xs-3">
          <p class="fa fa-cny text-warning fa-size-lg"> </p>
          <h2 class="text-danger">1,089,626</h2>
          <h4>成功收回</h4>
        </div>
        <div class="col-xs-3" style="border-left: 1px dotted #DDDDDD">
          <ul class="list-unstyled support-sm clearfix">
            <li>
              <div class="media">
                <span class="pull-left"><img src="http://lorempixel.com/60/60/sports/3/" alt=""></span>
                <div class="media-body">
                  <h4 class="media-heading">项目总数</h4>
                  <p style="font-size:20px">123,234,00</p>
                </div>
              </div>
            </li>
            <li>
              <div class="media">
                <span class="pull-left"><img src="http://lorempixel.com/60/60/sports/3/" alt=""></span>
                <div class="media-body">
                  <h4 class="media-heading">项目总数</h4>
                  <p style="font-size:20px">123,234,00</p>
                </div>
              </div>
            </li>
            <li>
              <div class="media">
                <span class="pull-left"><img src="http://lorempixel.com/60/60/sports/3/" alt=""></span>
                <div class="media-body">
                  <h4 class="media-heading">项目总数</h4>
                  <p style="font-size:20px">123,234,00</p>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="clearfix">
  <div class="container">
    <div class="row">
      <div class="panel panel-default">
        <div class="panel-body">
          <div class="col-xs-4">
            <div class="media">
              <a class="pull-left" href="#">
                <img class="media-object" data-src="holder.js/64x64" alt="64x64" src="http://lorempixel.com/64/64/sports/2/">
              </a>
              <div class="media-body">
                <h4 class="media-heading">投资理财</h4>
                100起投，周期短、风险低
              </div>
            </div>
          </div>
          <div class="col-xs-4">
            <div class="media">
              <a class="pull-left" href="#">
                <img class="media-object" data-src="holder.js/64x64" alt="64x64" src="http://lorempixel.com/64/64/sports/1/">
              </a>
              <div class="media-body">
                <h4 class="media-heading">安全保障</h4>
                100起投，周期短、风险低
              </div>
            </div>
          </div>
          <div class="col-xs-4">
            <div class="media">
              <a class="pull-left" href="#">
                <img class="media-object" data-src="holder.js/64x64" alt="64x64" src="http://lorempixel.com/64/64/sports/4/">
              </a>
              <div class="media-body">
                <h4 class="media-heading">新手指南</h4>
                100起投，周期短、风险低
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>